<?php
	require_once("../conexion/conexion.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="../Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

<script src="../include_js/jquery.js" type="text/javascript"></script>
<script src="../include_js/popcalendar.js" type="text/javascript"></script>
<script type="text/javascript" src="../include_js/jquery.autocomplete.js"></script>

<style>
.texto
{
	font-size:14px;
	margin-left:10px;
	font:Verdana, Arial, Helvetica, sans-serif; 
	color:#0066CC;
}
.borde
{
	/*border:0px solid #6593C0;*/
	border:1px solid #D3E4E5;
}
.asterisco
{
	color:#0000FF;
	font-weight:bold;
}
.radioBorde
{ 
 background:#D3E4E5;
 border:0px solid #89C0C7;
}
.filaPar
{
	background:#81D371; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:11px;
	text-align:center;
	vertical-align:middle;
	padding:3px;
}
.filaImpar
{
	background:#AEF1A1;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:11px;
	text-align:center;
	vertical-align:middle;
	padding:3px;
}
</style>
<script>
var contador=0,cont1=1;
function BorraDatos()
{
	num = parseInt(document.getElementById('txtNum').value);
    if(num==1)
	{
		document.form_compras.submit();
	}
}

function EliminarFila(fila)
{
	var Tr = fila;
	while(Tr.nodeName.toLowerCase()!='tr')
	{
		Tr=Tr.parentNode;
	}
	
	var root = Tr.parentNode;
	root.removeChild(Tr);
	contador--;
	document.getElementById('txtCant').value = contador;
	if(contador==0)
	{
		document.getElementById('txtTotal').value = 0;
		cont1 = 1;
	}
}

function AgregaFilaA(cod,producto)
{
	nuevaFila = document.getElementById("tbSolicitud").insertRow(-1);
	nuevaFila.id=cont1;
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input style='background:#E1E1E1;text-align:center' id='cod"+cont1+"' type='text' readonly='true' name='cod"+cont1+"' size='3' value='"+cod+"' /></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input style='background:#E1E1E1;text-align:center' id='producto"+cont1+"' type='text' readonly='true' name='producto"+cont1+"' size='32' value='"+producto+"' /></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='cantidad"+cont1+"' type='text' name='cantidad"+cont1+"' size='9' /></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input type='button' value='[x]' onclick='EliminarFila(this);'></td>";

	contador++;
	document.getElementById('txtCant').value = contador;
	document.getElementById('txtTotal').value = cont1;
	cont1++;
}
function LimpiarCombo(combo)
{
	while(combo.length > 1)
	{
		combo.remove(combo.length-1);
	}
}
function LlenarCombo(cant, combo)
{
	//combo.options[0] = new Option('nombre', '0');
	for(var i=1;i<=cant;i++)
	{
		combo.options[combo.length] = new Option(i,i);
	} 
}

function AgregaFila(cod,producto,unidad)
{
	nuevaFila = document.getElementById("tbSolicitud").insertRow(-1);
	nuevaFila.id=cont1;
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input style='background:#E1E1E1;text-align:center' id='cod"+cont1+"' type='text' readonly='true' name='cod"+cont1+"' size='3' value='"+cod+"' /></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input style='background:#E1E1E1;text-align:center' id='producto"+cont1+"' type='text' readonly='true' name='producto"+cont1+"' size='32' value='"+producto+"' /></td>";
	var i=1;
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><select name='cmb"+cont1+"' id='cmb"+cont1+"' style='width:78px;'></select>";
	var cmb ="cmb"+cont1+"";
	cmb=document.getElementById(cmb);
	LimpiarCombo(cmb);
	LlenarCombo(unidad, cmb);
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input type='button' value='[x]' onclick='EliminarFila(this);'></td>";

	contador++;
	document.getElementById('txtCant').value = contador;
	document.getElementById('txtTotal').value = cont1;
	cont1++;
}

function TraspasoProducto(num)
{
	cod = document.getElementById("tbBodega").rows[num].cells[0].innerText;
	producto = document.getElementById("tbBodega").rows[num].cells[1].innerText;
	cantidad = document.getElementById("tbBodega").rows[num].cells[2].innerText;
	AgregaFila(cod,producto,cantidad);
}
</script>
</head>

<body>
<form name="form_compras" id="form_compras" method="post">
<div class='option2'><label style="font:Verdana, Arial, Helvetica, sans-serif; color:#0066CC; font-weight:bold;">Solicitud de Requisici&oacute;n.</label></div>
<div class='groupbox'>
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="uno">
<tr>
  <td colspan="4" class="borde"><div style="height:5px;"></div></td>
</tr>
<tr>
	<td colspan="3" class="borde"><label class="texto" style="font-weight:bold;">Datos para la Requisici&oacute;n</label></td>
	<td width="39%" class="borde"><div style="float:right; clear:none; margin-right:10px;"><label style="color:#0000FF; font-size:12px; font-weight:bold;">Datos Obligatorios(*)</label></div></td>
</tr>
<tr>
  <td colspan="4" class="borde">&nbsp;</td>
</tr>

<tr>
  <td width="17%" class="borde" style="text-align:right"><label class="texto">Responsable:</label></td>
  <td width="30%" class="borde"><input type="text" name="txtResponsable" id="txtResponsable" size="40" />&nbsp;<label class="asterisco">*</label></td>
  <td width="14%" class="borde" style="text-align:right"><label class="texto">Fecha:</label></td>
  <td class="borde"><input name="txtFecha" type="text" id="txtFecha" size="10" />&nbsp;<img src="../imagen/img.gif" width="20" height="14" title="calendario" style="cursor: pointer; border: 1px solid green;" onmouseover="this.style.background='black';" onmouseout="this.style.background=''" onclick="popUpCalendar(txtFecha, form_compras.txtFecha, 'dd-mm-yyyy');" />&nbsp;<label class="asterisco">*</label></td>
</tr>

<tr>
  <td class="borde" style="text-align:right"><label class="texto">Area:</label></td>
  <td class="borde" colspan="2"><select name="cmb_Area" id="cmb_Area">
         <option value="0">--SELECCIONE--</option>
		  <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select ACod,ANombre from area";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				//$fila = mysql_num_rows($resultado);
				while ($row = mysql_fetch_row($resultado))
				{
					echo "<option value='".$row[0]."'>".$row[1]."</option>";
				}
                $con->cerrarBD();
		?>
      </select>&nbsp;<label class="asterisco">*</label></td>
  <td class="borde">&nbsp;</td>
</tr>

<tr>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
</tr>
</table>
</div>
<div style="height:5px"></div>
<?php
$con = new Conexion();
$con2 = $con->conexionBD("fpproduccion");
$sql = "select 
			BodCCod,
			ProNombre,
			BodCStock
		
		from bodegacentral b
		inner join producto p on
		p.ProCod=b.ProCod
		where BodCStock!=0 order by ProNombre";
$resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
$fila = mysql_num_rows($resultado);
$con->cerrarBD();
?>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="uno">
<tr>
	<td width="50%">
	<div class='option2'><label style="font:Verdana, Arial, Helvetica, sans-serif; color:#0066CC; font-weight:bold;">Productos en Bodega.</label></div>
	<div style="overflow-y:scroll; height:400px; BACKGROUND-COLOR:#DBDBDB">
	<table width="95%" border="0" cellpadding="0" cellspacing="0" class="uno" id="tbBodega">
	<thead>
	<tr>
		<th width="14%">cod.</th>
		<th width="62%">producto</th>
		<th width="19%">stock</th>
		<th>&nbsp;</th>
	</tr>
	<?php
	$aux=1;
	while($reg = mysql_fetch_array($resultado))
	{
		if(($aux % 2)==0)
		{
			echo "<tr>";
			echo "<td width=\"14%\" class='filaImpar'>".$reg['BodCCod']."</td>";
			echo "<td width=\"67%\" class='filaImpar'>".$reg['ProNombre']."</td>";
			echo "<td width=\"19%\" class='filaImpar'>".$reg['BodCStock']."</td>";
			echo "<td class='filaImpar'><input name=\"opcion\" class=\"radioImpar\" type=\"radio\" value=\"$aux\" onclick=\"TraspasoProducto(this.value);\" /></td>";
			echo "</tr>";
		}
		else
		{
			echo "<tr>";
			echo "<td width=\"14%\" class='filaPar'>".$reg['BodCCod']."</td>";
			echo "<td width=\"67%\" class='filaPar'>".$reg['ProNombre']."</td>";
			echo "<td width=\"19%\" class='filaPar'>".$reg['BodCStock']."</td>";
			echo "<td class='filaPar'><input name=\"opcion\" class=\"radioPar\" type=\"radio\" value=\"$aux\" onclick=\"TraspasoProducto(this.value);\" /></td>";
			echo "</tr>";
		}
		$aux++;
	}
	?>
	</thead>
	</table>
	</div>
	<!-- Segunda fila maestra-->
	</td>
	<td width="50%">
	<div class='option2'><label style="font:Verdana, Arial, Helvetica, sans-serif; color:#0066CC; font-weight:bold;">Productos Solicitados.</label></div>
	<div style="overflow-y:scroll; height:400px; BACKGROUND-COLOR:#DBDBDB">
	<table width="95%" border="0" cellpadding="0" cellspacing="0" class="uno" id="tbSolicitud">
	<thead>
	<tr>
		<th width="14%">cod.</th>
		<th width="62%">producto</th>
		<th width="19%">Cantidad</th>
		<th>&nbsp;</th>
	</tr>
	</thead>
	</table>
	</div>
	</td>
</tr>
<tr>
	<td colspan="2"><div class="formtail"><input name="btn_Guardar" id="btn_Guardar" type="button" value=" " class="guardar" />
	  <input type="hidden" name="txtCant" id="txtCant" value="0" />
	  <input type="hidden" name="txtTotal" id="txtTotal" value="0" />
	  <input type="hidden" name="txtNum" id="txtNum" value="0" />
	</div></td>
</tr>
</table>

<div id="mensaje"></div>
</form>
</body>
<script>
$('#btn_Guardar').click(function() 
{ 
        $.ajax({
            type: 'POST',
            url: 'Ingresos/Ingreso_Requisicion.php',
            data: $('#form_compras').serialize(),
            success: function(data) {
                $('#mensaje').html(data);
				BorraDatos();
            }
        })
});
</script>
</html>
